$(function() {
    category()


    var categoryData;

    function category() {
        $.get("http://api.pyg.ak48.xyz/api/public/v1/categories", function(res) {
            console.log(res)
            if (res.meta.status === 200) {
                categoryData = res.data;
                var data = template("cates", { list: categoryData })
                $(".cateLeft").html(data);

                console.log(categoryData[0].children);

                categ(0);
            }

        })
    }

    function categ(index) {
        var datas = template("catey", { list: categoryData[index].children })
            // console.log(datas)
        $(".pyg_cateRightList").html(datas);
    }


    // $(".pyg_cateLeft").on("click", "li", function() {
    //     function categ(index) {
    //         $(this).index = index;

    //     }
})